import styled from 'styled-components'
export const ArtistMvWrapper = styled.div`

`
export const ContentWrapper = styled.div`
 display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  .item{
    width:137px;
    height:103px;
    margin-top:40px;
    position: relative;
    cursor:pointer;
    img{
      width:137px;
      height:103px;
    }
    .mask{
      width:137px;
      height:103px;
      position:absolute;
      top:0;
      left:0;
      background-position: 0 -1170px;
    }
    .name{
      font-size:14px;
      line-height:30px;
      height:30px;
    }
    .play{
      position: absolute;
      width: 44px;
      height: 44px;
      top: 50%;
      left: 50%;
      margin: -22px 0 0 -22px;
      background-position: -30px -135px;
      &:hover{
        background-position: -30px -85px;
      }

    }
   
  }
`